import React, { Component } from 'react';
import cx from 'classnames';
import './components.scss';

class {{name}} extends Component {
  constructor(props) {
    super(props);
    this.state = {
      
    };
  }

  render() {
    console.log('%c ------ RENDER {{name}} ------','color:red;font-size:16px;line-height:30px',this.props);
    const {  } = this.props;
    const from = window.deviceType;
    const bodyClassName = cx('{{name}}', {
      '{{name}}-desktop': from === 'desktop',
      '{{name}}-tablet': from === 'tablet',
      '{{name}}-mobile': from === 'mobile'
    });

    return (
      <div className={bodyClassName}>
        this is {{name}}
      </div>
    );
  }
}

export default {{name}};